<template>
<div>
  <el-row class="tac">
    <el-col :span="12">
      <el-menu
          router
          :default-active="this.$route.path"
          class="el-menu-vertical-demo"
          style="height: 720px;width: 250px"
      >
        <img src="../img/logo.jpg" height="150" width="150" style="margin-left: 15%">
        <el-menu-item index="/pageHome" style="background-color: white">
          <el-icon><img src="../img/ybp.jpg" width="20" height="20"></el-icon>
          <span>仪表盘</span>
        </el-menu-item>
        <el-sub-menu index="2" style="background-color: white">
          <template #title>
            <el-icon><img src="../img/sz.png" width="20" height="20"></el-icon>
            <span>常用设置</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/teacherManagement">教师管理</el-menu-item>
            <el-menu-item index="/studentManagement">学生管理</el-menu-item>
            <el-menu-item index="/announcementManagement">公告管理</el-menu-item>
            <el-menu-item index="/systemConfiguration">系统配置</el-menu-item>
            <el-menu-item index="/judgmentServer">判断服务器</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="3" style="background-color: white">
          <template #title>
            <el-icon><img src="../img/wt.jpg" height="20" width="20"></el-icon>
            <span>问题</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/problemList">问题列表</el-menu-item>
            <el-menu-item index="/addTopic">增加题目</el-menu-item>
            <el-menu-item index="/imAndexp">导入导出题目</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="4" style="background-color: white">
          <template #title>
            <el-icon><img src="../img/jb.png" width="20" height="20"></el-icon>
            <span>比赛&练习</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/competitionList">比赛列表</el-menu-item>
            <el-menu-item index="/createCompetition">创建比赛</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="5" style="background-color: white">
          <template #title>
            <el-icon><img src="../img/kc.png" width="20" height="20"></el-icon>
            <span>课程</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/courseList">课程列表</el-menu-item>
            <el-menu-item index="/createCourse">创建课程</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
      </el-menu>
    </el-col>
  </el-row>
</div>
</template>

<script>
export default {
  name: 'navigationBar'
}
</script>

<style scoped>
.tac{
  margin: 0px;
}
</style>
